$(function() {

    initSwiper();

    // 轮播图功能
    // layui.use('carousel', function() {
    //     var carousel = layui.carousel;
    //     //建造实例
    //     carousel.render({
    //         elem: '#kr_carousel',
    //         width: '100%' //设置容器宽度
    //             ,
    //         arrow: 'always' //始终显示箭头
    //             //,anim: 'updown' //切换动画方式
    //     });
    // });



    // 轮播图请求渲染

    function initSwiper() {
        $.ajax({
            url: '/api/swipers',
            method: 'GET',
            success: function(res) {
                if (res.status !== 0) {
                    return console.log(res.message);
                }
                // console.log(res);
                var htmlStr = template('tpl-swiper', res)
                console.log(htmlStr);
                $('#swiper-table').html(htmlStr);
                layui.use('carousel', function() {
                    var carousel = layui.carousel;
                    //建造实例
                    carousel.render({
                        elem: '#kr_carousel',
                        width: '100%' //设置容器宽度
                            ,
                        arrow: 'always' //始终显示箭头
                            //,anim: 'updown' //切换动画方式
                    });

                });



                // layui.use($('#kr_carousel')[0], function() {
                //     var element = layui.element;
                //     element.init();
                // });

            }
        })
    }
})